<template>
  <div class="logDetail">
     <header class="topbar">
     <router-link to="/index/read"  tag="p">
      <nut-icon 
        type="right" 
        color="#3e84f3"
        class="left"
      >
      
      </nut-icon>
      返回
    </router-link>
    </header>
    <div class="details">
      <section class="info">
        <h2>某某的日志</h2>
        <p>2020-02-03&nbsp;&nbsp;14:30&nbsp;&nbsp;录入</p>
      </section>
      <section  class="det">
        <h2>{{curType}}完成工作</h2>
        <ul>
          <li>
            <h3>1. 9:00 - 12:00</h3>
            <p>完成工作内容1</p>
          </li>

          <li>
            <h3>2. 1:00 - 18:00</h3>
            <p>完成工作内容2</p>
          </li>
        </ul>
      </section>
      <section  class="det">
        <h2>未完成工作</h2>
        <ul>
          <li>
            <p>未完成某某工作</p>
          </li>
        </ul>
      </section>
      <section  class="det">
        <h2>协调工作</h2>
        <!-- <ul >
                  <li>
                   
                    
                  </li>
        </ul>-->
        <p>暂无</p>
      </section>
    </div>
  </div>
</template>
<script>

export default {
  
  components: {
   
  },
  data() {
    return {
      curType:'今日完成工作',
      unfinished:'未完成工作',
      coordinate:'协调工作'
     
    };
  },
  computed:{
  },
  created(){
      if(this.$router.currentRoute.params.type=="day"){
        this.curType =  '今天';
        this.unfinished = '未完成工作';
        this.coordinate = '协调工作';
      }else {
        this.curType =   '本周';
        this.unfinished = '下周工作计划';
        this.coordinate = '需要帮助和支持';
      }
  },
  mounted() {
  
  },
  methods:{
   
  }
  
};
</script>
<style lang="scss" scoped>
.logDetail {
 
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    .details {
      margin: 6px 0;
      text-align: left;
      // border: 1px solid #e0e0e0;
      padding: 10px 10px;
      .info{
        padding-left:40px;
          background: url("../img/log-active.png") no-repeat 0px center / 30px
                    30px;
          h2 {
            font-size: 18px;
            color: #333;
            line-height: 34px;
            font-weight: normal;
          }
          p{
            font-size: 14px;
            color: #666;
            line-height: 30px;
            font-weight: normal;
            
          }
      }
     .det{
       border-top:1px solid #e0e0e0;
       padding: 10px 0;
       &>p{
         font-size: 16px;
         line-height: 30px;
       }
       h2{
         font-size: 18px;
         line-height: 34px;
          font-weight: normal;
          color: #2c81f8;
       }
       ul{
         padding-left:10px;
         box-sizing: border-box;
         li{
           h3{
             font-weight: normal;
             line-height: 30px;
             font-size: 16px;
           }
           p{
              font-size: 16px;
              line-height: 30px;
           }
         }
       }
     }
    
  }
}
</style>
